<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        /* function fn({ name, age }) {
            //let {name:name,age:age}(形参) = {name:"张三",age：18}(实参)
            //let {对象的属性名1：变量名1，对象的属性名2：变量名2，...} = 对象
            //先声明两个变量
            //name = 实参对象的name属性值（“张三”）
            //age = 实参对象的age属性值（“18”）
            console.log(name, age)//张三 18    
        fn({ name: "张三", age: 18 }); */

        //可以给函数的形参设置默认值  一般我们在实际操作中 会使用默认值给一些比较核心的形参 设置默认值 来确保代码的容错率
        function fn({ name, age = 10 }) {
            //let {name:name,age:age}(形参) = {name:"张三",age：18}(实参)
            //let {对象的属性名1：变量名1，对象的属性名2：变量名2，...} = 对象
            //先声明两个变量
            //name = 实参对象的name属性值（“张三”）
            //age = 实参对象的age属性值（“18”）
            console.log(name, age)//张三 18  
        }
        fn({ name: "张三", age: 18 });
    </script>
</body>

</html>